<template>
    <view class="sunbathing-detail" :style="themeColor">
        <header-bar :config="config"></header-bar>
        <pure-top />
            <view class="main">
                <status :status="info.Status" />
                <detail-content :data="info"/>
            </view>
        <detail-bottom v-if="info.Status==2"/>
    </view>
</template>

<script>
import pureTop from "./common/pure-top.vue"
import status from "./detailChildCpns/status.vue"
import detailContent from "./detailChildCpns/detail-content.vue"
import detailBottom from "./detailChildCpns/detail-bottom.vue"
import { GetInfo } from "@/service/api/baskOrder.js"
export default {
    components: {
        pureTop,
        status,
        detailContent,
        detailBottom,
    },
    data() {
        return {
            config: {
                title: "晒单详情",
                color: ["#ffffff"],
            },
			id:null,
			info:{}
        }
    },
    created() {
        this.config.backgroundColor = [1, this.getThemeColor]
    },
	onLoad(e) {
		this.id = e.id
	},
	mounted() {
		this.getinfo()
	},
	methods:{
		getinfo(){
			let path = '?id='+this.id
			GetInfo(path).then(res=>{
				if(res.State==1){
					this.info = res.Data
				}else{
					this.easyToast(res.Msg)
				}
			})
		},
	}
}
</script>

<style lang="scss">
.sunbathing-detail {
    color: $color-gray-1;
	padding-bottom: 130rpx;
    .main {
        position: relative;
        z-index: 1;
		margin-top: -206rpx;
    }
}
</style>
